<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <!--添加全局路径-->
    <base th:href="${#request.getContextPath() + '/'}"/>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
    <!-- Reset Stylesheet -->
    <link rel="stylesheet" href="resources/css/reset.css" type="text/css"
          media="screen"/>
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="resources/css/style.css" type="text/css"
          media="screen"/>
    <link rel="stylesheet" href="resources/css/invalid.css" type="text/css"
          media="screen"/>

    <!--Javascripts-->
    <!-- jQuery -->
    <script type="text/javascript"
            src="resources/scripts/jquery-1.3.2.min.js"></script>
    <!-- jQuery Configuration -->
    <script type="text/javascript"
            src="resources/scripts/simpla.jquery.configuration.js"></script>
</head>
<body>
<div id="main-content">
    <div class="content-box">
        <!-- End .content-box-header -->
        <div class="content-box-content">
            <div class="tab-content default-tab" id="tab1">
                <table>
                    <thead>
                    <tr>
                        <th><input class="check-all" type="checkbox"/></th>
                        <th>标题</th>
                        <th>图片</th>
                        <th>价格</th>
                        <th>库存</th>
                        <th>操作</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr  th:each="good : ${goods}">
                        <td><input type="checkbox"/></td>
                        <td  th:text="${good.gtitle}">标题</td>
                        <td><img th:src="${goodsImgPath + good.gimage}" style="width: 120px;height: 100px"> </td>
                        <td  th:text="${good.price}">价格</td>
                        <td  th:text="${good.gcount}">库存</td>
                        <td>
                            <!-- Icons --> <a href="#" title="Edit"><img
                                src="resources/images/icons/pencil.png" alt="Edit"/></a> <a
                                href="#" title="Delete"><img
                                src="resources/images/icons/cross.png" alt="Delete"/></a> <a
                                href="#" title="Edit Meta"><img
                                src="resources/images/icons/hammer_screwdriver.png"
                                alt="Edit Meta"/></a>
                        </td>
                    </tr>
                    </tbody>


                    <tfoot>
                    <tr>
                        <td colspan="6">
                            <div class="bulk-actions align-left">
                                <a class="mybutton" th:href="${#request.getContextPath() + '/topage/goodAdd'}">添加商品</a>
                            </div>
                            <!--<div class="pagination">-->
                            <!--<a href="#" title="First Page">&laquo; First</a><a href="#"-->
                            <!--title="Previous Page">&laquo;-->
                            <!--Previous</a> <a href="#"-->
                            <!--class="number" title="1">1</a> <a href="#" class="number"-->
                            <!--title="2">2</a> <a href="#"-->
                            <!--class="number current"-->
                            <!--title="3">3</a>-->
                            <!--<a href="#" class="number" title="4">4</a> <a href="#"-->
                            <!--title="Next Page">Next &raquo;</a><a-->
                            <!--href="#"-->
                            <!--title="Last Page">Last &raquo;</a>-->
                            <!--</div> &lt;!&ndash; End .pagination &ndash;&gt;-->
                            <div class="clear"></div>
                        </td>
                    </tr>
                    </tfoot>


                </table>
            </div>
        </div>
        <!-- End .content-box-content -->
    </div>
</div>
<!-- End #main-content -->
</body>
</html>